<!doctype html>
<html>
	<head>
		<title>maquetacion1</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
		<link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
		<link rel="stylesheet" href="css/reset.css" />
		
		<link rel="stylesheet" href="css/styles.css" />
		<link rel="stylesheet" href="css/login.css" />
	</head>
	<body>
		<div id="body">
			
			<div class="box max_width_small" >
				<div class="box_content">
					<div class="column_4_5"><h1>MIEMBRO DEL EQUIPO CADARUTA</h1></div><div class="column_1_5 text_align_right"><h2><img src="imagenes/mini_logo_linea.png" /></h2></div>
					<hr />
					<div class="column_3_5">
						<br />
						<form action="" method="post">
							<label for="username">Nombre/alias</label><!--
							--><input name="username" type="text" />
							<br />
							<label for="email">Correo electrónico</label><!--
							--><input name="email" type="text" />
							<br />
							<label for="remember">Recordarme en este equipo</label><!--
							--><div class="column_1_2">
								<div class="column_1_2">
									<input name="remember" type="checkbox" value="true" />
								</div><!--
								--><div class="column_1_2">
									<a href="#" />¿Olvidaste la contraseña?</a>
								</div>
							</div>
						
						</form>
					</div><!--
					--><div class="column_2_5">
						<br />
						<img src="imagenes/mascota.png" />
					</div>
					<hr />
				</div>
			</div>
			
			
		</div>
		
		<img id="background_logo" src="imagenes/logo_fondo.png"/>
		<div id="footer">
			<div id="footer_top">
				<div class="max_width_medium">
					<div class="column_1_3">
						<div id="menu_footer">
							<ul>
								<li><a href="#">INICIO</a></li>
								<li><a href="#">RUTAS</a></li>
								<li><a href="#">ACTIVIDADES</a></li>
								<li><a href="#">ÚLTIMAS RUTAS</a></li>
								<li><a href="#">SUBIR RUTA</a></li>
								<li><a href="#">CONTACTO</a></li>
							</ul>
						</div>
					</div><!--
					--><div class="column_1_3">
						<div id="twitter_footer">
							<div class="footer_title">TWITTER</div>
							<div class="twitter_entry">
								<span class="twitter_footer_name">@ericafustero</span> Disfrutando de una de las mejores rutas de Calblanque gracias <span class="twitter_footer_name">@Cadaruta</span>
							</div>
							<div class="twitter_entry">
								<span class="twitter_footer_name">@Cadaruta</span> Mejoramos el sistema GPS para que tus rutas sean cada día más precisas.
							</div>
						</div>
					</div><!--
					--><div class="column_1_3">
						<div id="footer_ranking">
							<div class="footer_title">RANKING</div>
							<div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_1.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_2.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_3.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_4.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_5.jpg" />
								</div>
							</div><!--
							--><div class="footer_ranking_img column_1_3">
								<div>
									<img src="imagenes/img_ranking_6.jpg" />
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="footer_middle">
				<div class="max_width_medium">
					<div class="column_1_2">
						<div id="footer_newslatter">
							<span>
								<input type="text" placeholder="introduce email para newslatter" />
								<a href="#" class="footer_newslatter_button">></a>
							</span>
						</div>
					</div><!--
					--><div class="column_1_2">
						<div id="footer_social">
							<a href="#"><img src="imagenes/footer_facebook_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_twitter_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_google+_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_linkedin_icon.png" /></a>
							<a href="#"><img src="imagenes/footer_flickr_icon.png" /></a>
						</div>
					</div>
				</div>
			</div>
			<div id="footer_bottom">
				<div class="max_width_medium">
					<div class="column_1_4">
						Copyright © CadaRuta 2013.
						<br>
						Diseñado por AdValley
					</div><!--
					--><div class="column_3_4" id="footer_terms">
						<a href="#">Términos de uso</a> / <a href="#">Política de privacidad</a> / <a href="#">Acerca de CadaRuta</a> / <a href="#">Preguntas Frecuentes</a>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>